﻿@model VirtualOrg.Mobile.Models.RegisterModel
@{
    ViewBag.Title = "Register";
    Layout = "~/Views/Shared/_Layout.cshtml";
    List<SelectListItem> genderList = new List<SelectListItem>();
    genderList.Add(new SelectListItem() { Text = "Male", Value = "Male" });
    genderList.Add(new SelectListItem() { Text = "Female", Value = "Female" });

   
}
@using (Html.BeginForm())
{
    <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="a">
        <li data-role="list-divider">Register</li>
        <li style="font-size:11px; color:Red;">
            @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")
        </li>
        <li>
            @Html.LabelFor(m => m.Email)
            @Html.TextBoxFor(m => m.Email, new { type = "email", required = "required" })
            @Html.ValidationMessageFor(m => m.Email)
        </li>
        <li>
            @Html.LabelFor(m => m.Password)
            @Html.PasswordFor(m => m.Password, new { type = "password", required = "required" })
            @Html.ValidationMessageFor(m => m.Password)
        </li>
        <li>
            @Html.LabelFor(m => m.ConfirmPassword)
            @Html.PasswordFor(m => m.ConfirmPassword, new { type = "password", required = "required" })
            @Html.ValidationMessageFor(m => m.ConfirmPassword)
        </li>
        <li>
            @Html.LabelFor(m => m.FullName)
            @Html.TextBoxFor(m => m.FullName, new { required = "required" })
            @Html.ValidationMessageFor(m => m.FullName)
        </li>
        <li>
            @Html.LabelFor(m => m.Gender)
            @Html.DropDownListFor(m => m.Gender, genderList, new { required = "required" })
            @Html.ValidationMessageFor(m => m.Gender)
        </li>
        <li>
            @Html.LabelFor(m => m.Country)
            @Html.DropDownListFor(m => m.Country, (List<SelectListItem>)ViewData["countrylist"], new { required = "required" })
            @Html.ValidationMessageFor(m => m.Country)
        </li>
    </ul>
    <input type="submit" value="Register" data-theme="a"/>
}
@section scripts
{
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
}
